/* 
https://blufly.media/asset/css/beta/[default].css
*/

a:link {
	
	color: black;
	font-weight: bold;
	text-decoration: none;
	
}

a:hover {
	
	font-weight: bold;
	text-decoration: underline;
	
}

a:visited {
	
	color: black;
	
}

code {
	
	font-size: 0.9em;
	color: #5E5E5E;
	font-weight: 550;
	
}

/* #embedded-index (this is kind of a hack to get the Bluesky blockquotes to (sort of) centre on mobile/portrait) */

@media screen and (max-width : 980px) and (orientation: portrait) {
	
	#embedded-index {
		
		margin-left: 20%;

	}
	
}

.float {
	
	width: 45%; 
	padding-top: 0.4em; 
	padding-bottom: 0.5em;
	
}

.float.left {
	
	 float: left;
	 padding-right: 1.5em;
	
}

.float.right {
	
	 float: right;
	 padding-left: 1.5em;
	 
}

.footnoteHr {
	
	width: 40%;
	margin-left: 0;
	margin-right: auto;
	margin-top: 2.3em;
	margin-bottom: 2em;
	
}

li {
	
	margin-bottom: 1em;	
	
}

/* The manufacturer-assigned model name such a 'Twin Otter' or 'Beaver'. Not currently italicised as per Fogel. */

.modelNm {

}

.navigation {
	
	height: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	
}

@media screen and (max-width : 980px) and (orientation: portrait) {
	
	.navigation {
		
		height: 1.5em;
		padding-left: 0.25em;
		padding-right: 0.25em;
		padding-bottom: 0.25em;
		
	}
	
}


.navigation:hover {
	
	cursor: pointer;
	
}

.section-title {
	
	padding-top: 10px;
	font-family: 'Marcellus SC', serif;
	font-size: 1.4em;
	padding-top: 1.5em;
	
}

@media screen and (max-width : 980px) and (orientation: portrait) {
	
	.section-title {
		
		padding-top: 10px;
		font-family: 'Marcellus SC', serif;
		font-size: 1.4em;
		padding-top: 1.2em;
		
	}
	
}

.separator {
	
	letter-spacing: 2em;
	text-align: center;
	
}

.proper-noun {
	
	font-style: italic;
	padding-right: 2px;
	
}

.superscript {
	
	position: relative;
	top: -.4em;
	font-size: 0.7em;
	padding-right: 2px;
	
}

/* this is the version which is in the footnote */
.superscript.referencee {
	
	padding-right: 0.5em;
	
}

/* this is the version which is in the body of the document */
.superscript.referencer {
	
	padding-left: 0.1em;
	padding-right: 0.2em;
	
}

ul {
	
	padding-top: 1em;
	
}

.wrapper {

	display: grid;
	grid-template-columns: 1fr min(60ch, 100%) 1fr;
	grid-column-gap: 32px;
	font-family: 'Lusitana';
	font-weight: 400;
	color: black;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	padding-right: auto;
	
}

@media screen and (max-width : 980px) and (orientation: portrait) {
	
	.wrapper {
	
		font-size: 1.0em;
		padding-right: 60px;
		
	}
	
}

.wrapper > * {
	
	grid-column: 2;

}

.full_bleed {

	width: 100%;
	grid-column: 1 / 4;
	
}

/* The copyright information display at the bottom of the article. */

#copyrightLbl {

	padding-top: 1.5em;
	padding-bottom: 1.5em;
	
}

/* The date displayed at the bottom of the article. The reason is not called 'publication-dt' is that it potentially may not be that: it could be the date is was last updated at some point in the future. In other words, it's the date shown to the reader without comments on whether it's the original publication date or the updated date. */

#createLbl {
	
	font-style: italic;
	text-align: right;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	
}

#title {
	
	font-family: 'Marcellus SC', serif;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;
	text-align: center;
	font-size: 3em;
	padding-bottom: 0.4em;
	padding-top: 1em;
	line-height: 1em;
	
}

@media screen and (max-width : 980px) and (orientation: portrait) {
	
	#title {
		
		font-size: 1.9em;
		
	}
	
}

ul {
	
	margin-top: 0em;
	font-size: 0.92em;
	margin-bottom: 0em;	
	
}